<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	<style type="text/css">
		body{
			margin: 0px auto;
			
		}
		#ttt{
			background-color:#e6e6e6;
			width: 1280px;
			margin: 0px auto;
		}
		#banner{
			width:1280px;
			height: 480px;
			margin: 0px auto;
			overflow: hidden;
		}
		#banner img{
			transform: scalex(1.9);
		}
		#h22{
			width: 1260px;
			height: 58px;
			padding: 14px 10px 0px;
			color: #333333;
			font-size: 24px;
			background-color: white;
			margin-top: 10px;
			/* background-color:#FF6700; */
		}
		#list-box{
			width: 1280px;
			height: 482px;
			margin: 10px auto;
			background-color: white;
			
		}
		#h21{
			padding: 4px 0px 0px;
			color:#333333;
			font-size: 24px;
		}
		#list-box-row{
			width: 620px;
			height: 482px;
			margin: 0px 0px 0px 20px;
			float: left;
			background-color: white;
		}
		#list-box-row-top{
			height: 358px;
			width: 620px;
			overflow: hidden;
		}
		#list-box-row-bottom{
			width: 620px;
		}
		#h3t{
			font-size: 24px;
			margin: 38px 0px 0px 48px;
			color: rgb(51,51,51,0.9);
		}
		#p{
			margin: 3px 0px 0px 48px;
			font-size: 14px;
			color: rgb(51,51,51,0.7);
		}
		span{
			color:#ff6700;
			float: right;
			margin-right: 20px;
			font-size: 12px;
		}
		b{
			font-size: 30px;
			
		}
		#list-box-row-top img{
			transition: all 1s;
		}
		#list-box-row-top img:hover{
			transform: scale(1.05);
		}
	</style>
	<script type="text/javascript">
		var index=0;
		function changeImg(){
			var banner=document.getElementById("banner");
			var imm=document.getElementById("imm");
			var curIndex=index%3+1;
			imm.src="img1/four"+curIndex+".jpg"
			index=index+1;	
		}
		function init(){
			setInterval("changeImg()",2000);
		}
	</script>
	</head>
	<body onload="init()">
		<div id="ttt">
			<div id="banner">
				<img src="img1/four1.jpg" id="imm" width="100%" height="100%"/>
			</div>
			<div id="h22">热卖推荐</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four4.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">米家风冷对开门冰箱 483L</h3>
						<p id="p">风冷无霜不结冰 
							<span><b>2349</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four5.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">米家互联网十字四门冰箱 486L</h3>
						<p id="p">风冷无霜，长久保鲜 
							<span><b>2899</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four6.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">米家互联网洗烘一体机1C 10Kg</h3>
						<p id="p">烘干除菌率达99.9%+ 
							<span><b>1799</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four7.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">米家互联网洗烘一体机10kg</h3>
						<p id="p">烘干除菌率达99.9% 
							<span><b>1699</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four8.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Redmi MAX 98"</h3>
						<p id="p">客厅里的巨幕影院 
							<span><b>19999</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four9.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">全面屏电视 E55C</h3>
						<p id="p">全面屏设计，人工智能语音 
							<span><b>2299</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four10.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">米家互联网烟灶套装（天然气）</h3>
						<p id="p">点火排烟，风随火动 
							<span><b>1999</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four11.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">米家互联网洗碗机 8套嵌入式</h3>
						<p id="p">洗烘一体，除菌率高达99.99%
							<span><b>2299</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four12.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">新风机A1 150风量</h3>
						<p id="p">抗霾除醛，换气富氧 
							<span><b>1699</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four13.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">米家激光投影仪</h3>
						<p id="p">激光光源，不关灯也好看 
							<span><b>4999</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four14.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">米家充气宝</h3>
						<p id="p">便携电动打气筒 
							<span><b>199</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four15.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">小米对讲机2</h3>
						<p id="p">向更远出发 
							<span><b>449</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four20.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">小米盒子3 增强版</h3>
						<p id="p">高端 4K 网络机顶盒
							<span><b>449</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four21.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">小米盒子4c</h3>
						<p id="p">第4代小米盒子储存，体验双升级
							<span><b>199</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four16.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">米家激光投影电视 1S 4K</h3>
						<p id="p">4K 画面，视觉感官盛宴
							<span><b>9999</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four17.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">激光投影电视 150英寸</h3>
						<p id="p">超短焦，在家看巨幕
							<span><b>7999</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four18.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">小米盒子4 SE套装版</h3>
						<p id="p">人工智能机顶盒+小米高清数据线
							<span><b>149</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img1/four19.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">小米盒子4S Pro</h3>
						<p id="p">8K视频解码
							<span><b>399</b>元起</span></p>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
